﻿<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2018/10/17
Time: 15:42
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>三农服务平台后台管理 </title>
		<meta name="keywords" content="三农服务后台管理" />
		<meta name="description" content="三农服务后台管理" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<!-- basic styles -->
		<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../assets/css/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="../assets/css/font-awesome-ie7.min.css" />
		<![endif]-->

		<!-- page specific plugin styles -->

		

		<!-- ace styles -->

		<link rel="stylesheet" href="../assets/css/ace.min.css" />
		<link rel="stylesheet" href="../assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="../assets/css/ace-skins.min.css" />

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="../assets/css/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->

		<script src="../assets/js/ace-extra.min.js"></script>

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="../assets/js/html5shiv.js"></script>
		<script src="../assets/js/respond.min.js"></script>
		<![endif]-->
	</head>

	<body>
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="index.jsp" class="navbar-brand">
						<small>
							<i class="icon-leaf  "></i>
								三农服务后台　　
						</small>
					</a><!-- /.brand -->
				</div><!-- /.navbar-header -->
				<div class="navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
				 
 

						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="../assets/avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>欢迎光临,</small>
									Jason
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="icon-cog"></i>
										设置
									</a>
								</li>

								<li>
									<a href="#">
										<i class="icon-user"></i>
										个人资料
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="#">
										<i class="icon-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul><!-- /.ace-nav -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
	 
			
		</div>
 
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
					</script>

					<div class="sidebar-shortcuts" id="sidebar-shortcuts">
						 

						<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
							<span class="btn btn-success"></span>
							<span class="btn btn-info"></span>
							<span class="btn btn-warning"></span>
							<span class="btn btn-danger"></span>
						
						</div>
					</div><!-- #sidebar-shortcuts -->

					<ul class="nav nav-list">
						<li  >
						 <a href="javascript:;" class="dropdown-toggle"><i class="icon-home"></i><span class="menu-text"> 运维首页 </span><b class="arrow icon-angle-down"></b></a>
							<ul class="submenu">
								<li >
									<a href="updatePassword.jsp" class="dropdown-toggle"><i class="icon-double-angle-right"></i>修改密码 </a>
								</li>
								<li   >
									<a href="recruitmentInfo.jsp" class="dropdown-toggle"><i class="icon-double-angle-right"></i>角色管理 </a>
								</li>
								<li >
									<a href="accountManger.jsp" class="dropdown-toggle"><i class="icon-double-angle-right"></i>账号管理</a>
								</li>
							</ul>
						</li><!-- 运维主页 -->
						<li class="open">
						 <a href="javascript:;" class="dropdown-toggle"><i class=" icon-file-alt"></i><span class="menu-text"> 服务商管理 </span><b class="arrow icon-angle-down"></b></a>
							<ul class="submenu" style="display:block">
								<li>
									<a href="licenseAudit.jsp" class="dropdown-toggle"><i class="icon-double-angle-right"></i>企业中心 </a>
								</li>
								<li >
									<a href="companyOne.jsp" class="dropdown-toggle"><i class="icon-double-angle-right"></i>商家分类(一类） </a>
								</li>
								<li class="active" >
									<a href="companyTwo.jsp" class="dropdown-toggle"><i class="icon-double-angle-right"></i>商家分类（子类）</a>
								</li>
							</ul>
						</li><!-- 服务商管理 -->
						<li >
						 <a href="会员管理.jsp" class="dropdown-toggle"><i class=" icon-group "></i><span class="menu-text"> 会员管理 </span></a>
						</li><!-- 订单&预约 -->
						<li >
						 <a href="账户管理.jsp" class="dropdown-toggle"><i class=" icon-lightbulb"></i><span class="menu-text"> 账户管理 </span></a>
						</li><!-- 账户管理 -->

					</ul><!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
					</script>
				</div>

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="index.jsp">首页</a>
							</li>
							<li class="active">控制台</li>
						</ul><!-- .breadcrumb -->

						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">
						<div class="page-header">
							 <h4 class="pink">
									<i class="icon-hand-right icon-animated-hand-pointer blue"></i>
									<a class="green" data-toggle="modal"> 服务商管理   <small>商家分类</small></a>
									<a  class="btn btn-info btn-sm tooltip-info ml20" href="#myModal" role="button" data-toggle="modal"><i class="icon-edit"></i>添加</a>
									<a href="" class="btn btn-danger btn-sm tooltip-error ml5"><i class="icon-trash"></i>删除已选</a>
								</h4>
						</div><!-- /.page-header -->
					
						<div class="row index_btn_app">
					 			 <div class="col-xs-12">
								<div class="row">
									<div class="col-xs-12">
										<div class="table-responsive">
											<table id="sample-table-2" class="table table-striped table-bordered table-hover">
												<thead>
													<tr>
														<th class="center">
															<label>
																<input type="checkbox" class="ace" />
																<span class="lbl"></span>
															</label>
														</th>
														<th>序号</th>
														<th>商家一级分类名称</th>
														<th>商家二级分类名称</th>
														<th>操作</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td class="center">
															<label>
																<input type="checkbox" class="ace" />
																<span class="lbl"></span>
															</label>
														</td>
														<td> 1 </td>
														<td> 分类名称</td>
													  <td> 商家二级分类名称</td>
														<td>
															<a href="#myModaledit" role="button" data-toggle="modal" >修改</a><a href="">删除</a>
														</td>
													</tr>
													<tr>
														<td class="center">
															<label>
																<input type="checkbox" class="ace" />
																<span class="lbl"></span>
															</label>
														</td>
														<td> 2 </td>
														<td> 分类名称</td>
													  <td> 商家二级分类名称</td>
														<td>
															 <a href="#myModaledit" role="button" data-toggle="modal" >修改</a><a href="">删除</a>
														</td>
													</tr>
												 
												</tbody>
											</table>

										</div>
									</div>
								</div>
							</div>

						</div><!-- /.row -->
					
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->
	
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

<!-- Modal -->
<div id="myModal" class="modal  fade addadmin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">新增企业二级类别</h3>
  </div>
  <div class="modal-body ">
   	<form action="" class="form-horizontal">
				<div class="form-group">
					<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 名称 </label>
					<div class="col-sm-9">
						<input type="text" id="form-field-1"  class="col-xs-10 col-sm-8" />
					</div>
				</div>

				<div class="form-group">
					<label class="col-sm-2 control-label no-padding-right" for="form-field-1">   </label>
					<div class="col-sm-4">
					<a class="btn btn-info  mb30" type="button">
							<i class="icon-ok bigger-110"></i>
							提交
						</a>
					</div>
				</div>
  </div>
 </form>
</div>


<!-- Modal -->
<div id="myModaledit" class="modal  fade addadmin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">修改</h3>
  </div>
  <div class="modal-body ">
   	<form action="" class="form-horizontal">
				<div class="form-group">
					<label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 名称 </label>
					<div class="col-sm-9">
						<input type="text" id="form-field-1"  class="col-xs-10 col-sm-8" />
					</div>
				</div>

				<div class="form-group">
					<label class="col-sm-2 control-label no-padding-right" for="form-field-1">   </label>
					<div class="col-sm-4">
					<a class="btn btn-info  mb30" type="button">
							<i class="icon-ok bigger-110"></i>
							修改
						</a>
					</div>
				</div>
  </div>
 </form>
</div>


	<script src="../assets/js/jquery-2.0.3.min.js"></script>
	
	<script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/ace.min.js"></script>
	<script src="../assets/js/jquery.dataTables.min.js"></script>
	<script src="../assets/js/jquery.dataTables.bootstrap.js"></script>

<script type="text/javascript">
				jQuery(function($) {
				var oTable1 = $('#sample-table-2').dataTable( {
				"aoColumns": [
			      { "bSortable": false },
			      null, null,null,
				  { "bSortable": false }
				] } );
				
				
				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
					var off2 = $source.offset();
					var w2 = $source.width();
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			})


	$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});


</script>
 
</body>
</html>

